<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>小米账号-登录</title>
    <link rel="shortcut icon" href="favicon.ico" />
    <link rel="stylesheet" href="./css/login.css">
    <link rel="stylesheet" href="./css/fonts.css">
</head>

<body>
    <div class="background">
        <img src="./images/login.jpg" alt="">
    </div>
    <a href="index.html" class="index">
        <div class="logo">
            <img src="./images/mi.png" alt="">
            <div>小米账号</div>
        </div>
    </a>
    <div class="nav">
        <div class="yonghuxieyi">用户协议</div>
        <div class="yinshizhengche">隐私政策</div>
        <div class="bangzhuzhongxin">帮助中心</div>
        <div class="zhongwen">中文(简体)</div>
    </div>
    <div class="login">
        <div class="denglu">登录</div>
        <div class="chengtiao"></div>
        <div class="zhuche"><a href="register.html">注册</a></div>
        <div class="username">
            <input type="text" value="邮箱/手机号码/小米ID" class="name">
        </div>
        <div class="password">
            <input type="text" value="密码" class="mima">
            <span class="iconfont biyan">&#xe613;</span>
        </div>
        <div class="submit"><input type="submit" value="登录" class="del"></div>
        <div class="wangjimima"><a href="#">忘记密码？</a></div>
        <div class="shoujihaodenglu"><a href="#">手机号登录</a></div>
        <div class="qitafangshidenglu">其他方式登录</div>
        <div class="login_list">
            <img src="./images/denglufangshi.png" alt="">
        </div>
    </div>
</body>

</html>